﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="FixedHeader.aspx.cs" Inherits="YUIAspNetDemo.DataTable.FixedHeader" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : DataTable : Fixed header</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>DataTable with fixed header</h1>
    
    <p>In this example, the grid has a fixed height, using the Height attribute of the DataTable control.</p>
    
    <p>You can activate the scrollable grid by specifying the width or the height.</p>
    
    <p>Be aware that, if you use the scrollable grid, YUI will actually create 2 tables for you: one for the headers, one for the content. </p>

    <p>You should be aware that column resizing doesn't work as expected. Also, I would recommend you to always provide a width for the grid's columns.</p>
    
    <p>
        <yui:DataTable ID="tbl" runat="server" Height="140px" Width="465px">
            <Columns>
                <yui:DataTableColumn Key="id" Text="ID Customer" Width="200" />
                <yui:DataTableColumn Key="name" Text="Customer Name" Width="200" />
            </Columns>
        </yui:DataTable>
    </p>
</asp:Content>
